<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>

    <link type="text/css" rel="stylesheet" href="./css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="./新建编辑/top.css">
    <script src="./jquery/jquery.min.js"></script>
</head>
<body>


<div class="container">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a href="#" style="width: 2rem;"></a>
        <a class="navbar-brand" href="/index.php?s=index/homepage/homepage_list">我的问卷</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="/index.php?s=index/homepage/homepage_edit">新建问卷 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">发布问卷</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="/index.php?s=index/homepage/analyze_list">问卷统计分析</a>
                    <!-- <a class="nav-link disabled" href="#" >问卷统计分析</a> -->
                </li>
            </ul>

            <div class="dropdown">
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
                    admin
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item edit" v-on:click href="#" id="a">退出登录</a>
                    <!-- <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a> -->
                </div>

            </div>
            <form class="form-inline my-2 my-lg-0">
            </form>
        </div>
    </nav>
</div>

<div class="container">
    <div class="row">
        <div class="col">

        </div>
        <div class="col-6">

            <div class="mx-auto right_font ">

                <div class="border_font">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="top_font">调查主题</span>
                        </div>
                        <!-- <textarea class="form-control textarea_font" placeholder="主题:" aria-label="With textarea" rows="2" cols="0"></textarea> -->
                        <textarea class="form-control theme" id="exampleFormControlTextarea1" placeholder="主题:" rows="1" name=""></textarea>
                    </div>
                    <div class="moth_font"></div>
                    <div class="left_text">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="top_font">调查说明</span>
                            </div>
                            <!-- <textarea class="form-control textarea_font" placeholder="主题:" aria-label="With textarea" rows="2" cols="0"></textarea> -->
                            <textarea class="form-control explain" id="exampleFormControlTextarea1" placeholder="说明:" rows="5"></textarea>
                        </div>
                    </div>
                    <div class="moth_font"></div>
                    <div class="moth_font_top"></div>
                </div>


                <div class="left_at">
                    <div class="moth_font"></div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="top_font">调查问题  </span>
                        </div>
                        <!-- <textarea class="form-control textarea_font" placeholder="主题:" aria-label="With textarea" rows="2" cols="0"></textarea> -->
                        <textarea class="form-control subject" id="exampleFormControlTextarea1" placeholder="第1题:" rows="2"></textarea>
                    </div>

                    <div class="number">
                        <div class="moth_font"></div>
                        <span class="top_font">评分范围</span>
                        <!-- 设置最小分数 -->
                        <input class="number_font fraction_lift" type="number" placeholder="评分最低分数" min="0" max="100" style="width: 150px;"/>
                        <!-- 设置最大分数 -->

                        <!-- <div class="moth_font"></div> -->
                        <input class="number_font fraction_right" type="number" placeholder="评分最大分数" min="1" max="100" style="width: 150px;" />
                    </div>

                    <div class="moth_font"></div>
                    <div class="moth_font_top"></div>
                    <div class="moth_font"></div>
                </div>
                <div class="among"></div>

                <div class="left_number" id="left_number">
                    <div class="moth_font"></div>
                    <div class="moth_font"></div>
                    <div class="moth_font"></div>
                    <div class="moth_font"></div>
                    <!-- <button type="button" class="btn btn-primary btn-lg moth_font_left">保存预览</button> -->
                    <button type="button" class="btn btn-primary button_edit" data-toggle="modal" data-target="#staticBackdrop">
                        保存预览
                    </button>
<!--                     提示框 -->
<!--                    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">-->
<!--                        <div class="modal-dialog modal-dialog-centered">-->
<!--                            <div class="modal-content">-->
<!--                                <div class="modal-header">-->
<!--                                    <h5 class="modal-title" id="staticBackdropLabel">问卷名称</h5>-->
<!--                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
<!--                                        <span aria-hidden="true">&times;</span>-->
<!--                                    </button>-->
<!--                                </div>-->
<!--                                <div class="modal-body">-->
<!--                                    <input type="text" style="width: 100%; height: 50px;border: 1px solid #00A7EA; border-radius: 4px;"/>-->
<!--                                </div>-->
<!--                                <div class="modal-footer">-->
<!--                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>-->
<!--                                    <button type="button" class="btn btn-primary">保存</button>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                      -->
                    <button type="button" id="button_right" class="btn btn-secondary btn-lg moth_font_right" >新建问题</button>

                    <button type="button" class="btn btn-secondary btn-lg moth_font_right" id="add-btn">测试</button>
                </div>

            </div>

        </div>

        <div class="col">
            <!-- 	 -->
        </div>
    </div>
    <script>
        //获取到新建问题按钮
        let a = 1;
        $('#button_right').click(function(){

            a++;
            console.log(a);
            let html = '<div class="left_at">\t\t\t\t\t\t\t\t\t\n' +
                '\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                '\t\t\t\t\t\t\t\t\t<div class="input-group">\n' +
                '\t\t\t\t\t\t\t\t\t  <div class="input-group-prepend">\n' +
                '\t\t\t\t\t\t\t\t\t    <span class="top_font">调查问题  </span>\n' +
                '\t\t\t\t\t\t\t\t\t  </div>\n' +
                '\t\t\t\t\t\t\t\t\t  <textarea class="form-control subject" id="exampleFormControlTextarea1" placeholder="'+'第'+a+'题'+'" rows="2"></textarea>\n' +
                '\t\t\t\t\t\t\t\t\t  \n' +
                '\t\t\t\t\t\t\t\t\t</div>\n' +
                '\t\t\t\t\t\t\t\t\t\n' +
                '\t\t\t\t\t\t\t\t\t<div class="number">\n' +
                '\t\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                '\t\t\t\t\t\t\t\t\t\t<span class="top_font">评分范围</span>\n' +
                '\t\t\t\t\t\t\t\t\t\t<input class="number_font fraction_lift" type="number" placeholder="评分最低分数" min="0" max="100" style="width: 150px;"/> \n' +
                '\t\t\t\t\t\t\t\t\t\t<!-- 设置最大分数 -->\n' +
                '\t\t\t\t\t\t\t\t\t\t\n' +
                '\t\t\t\t\t\t\t\t\t\t<!-- <div class="moth_font"></div> -->\n' +
                '\t\t\t\t\t\t\t\t\t\t<input class="number_font fraction_right" type="number" placeholder="评分最大分数" min="1" max="100" style="width: 150px;" />\n' +
                '\t\t\t\t\t\t\t\t\t</div>\n' +
                '\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                '\t\t\t\t\t\t\t\t\t<div class="moth_font_top"></div>\n' +
                '\t\t\t\t\t\t\t\t\t<div class="moth_font"></div>\n' +
                '\t\t\t\t\t\t\t\t</div>';
            // $('.left_at').after(html);
            $('.among').append(html);

        });
    </script>
    <script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
    <script>
        // $('#add-btn').click(function() {
        //     console.log('---');
        //     $('.question').each(function () {
        //         console.log(this.value);
        //     });
        // });
    </script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./homepage/js/edit.js"></script>
</body>
</html>
